<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8">
		<meta name="divport"
			content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no">
		<meta http-equiv="X-UA-Compatible" content="ie=edge">
		<title>象过河云进销存</title>
		<script src="./other/rem.js"></script>
		<!-- <script src="https://cdn.bootcss.com/vue/2.6.10/vue.js"></script> -->
		<!-- 主要 CDN -->
    <script src="https://cdn.jsdelivr.net/npm/vue@2.6.10/dist/vue.min.js"></script>
    <!-- 备用 CDN -->
    <script>
      if (typeof Vue === 'undefined') {
        document.write('<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.6.10/vue.min.js"><\/script>');
      }
    </script>
	</head>
	<body>
		<div id="app">
			<div style="text-align: center;padding-top: 400px;">
				<img src="./other/cloudLogo.png" style='width:160px;height:160px;'>
				<div style="font-size: 36px;margin-top: 20px;color: #000000;font-weight: 600;">象过河云进销存</div>
				<div style="width: 100%;display: flex;justify-content: center;">
					<div class="down_btn" @click="downloadApp()">浏览器下载APP</div>
				</div>
			</div
		</div>
		<div v-if="showShareList" class=""
			style="position: fixed;top:0;left:0;z-index:999;width:100%;height:100vh;background-color:rgba(10,0,0,0.8);">
			<div class="" style="width: 100%;position: relative;">
				<div class="" style="width: 100%; text-align: right; margin-top: .2rem; padding-right: 1rem;">
					<img src="./other/share_head.png" style="width: 1.23rem;height: 1.58rem;" mode="" />
				</div>
				<div class="" style="margin-top: 20px;color: #FFFFFF;font-size:.38rem;">
					<div class="" style="display: flex;align-items: center;padding-left: .82rem;">
						<span class="intro-step" id="">
							1
						</span>
						<span id="">
							点击右上角的
						</span>
						<div class="step1-intro">
							<img src="./other/d_img1.png" style="width: .48rem;">
						</div>
						<span id="">
							按钮
						</span>
					</div>
					<div class="" style="display: flex;padding-left: .82rem;padding-top: .2rem; align-items: center;">
						<span class="intro-step">
							2
						</span>
						<span id="">
							选择
						</span>
						<div class="step2-intro">
							<img src="./other/d_img2.png" style="width: .4rem;height: .4;margin-right: .19rem;">
							在浏览器中打开
						</div>
					</div>
				</div>
			</div>
		</div>
		</div>
		<script type="text/javascript">
			var myVue = new Vue({
				el: "#app",
				data: {
					showShareList: false
				},
				created() {

				},
				methods: {
					openApp() {
						console.log('openapp')
						
					},
					//下载app
					downloadApp() {
						// 判断是否在浏览器中打开
						var ua = window.navigator.userAgent.toLowerCase();
						console.log(ua)
						if (ua.match(/MicroMessenger/i) == 'micromessenger') {
							this.showShareList = true
						} else
						if (ua.match(/QQ/i) == "qq") {
							this.showShareList = true
						} else {
							this.showShareList = false
							this.isInstalled()
						}
					},
					isInstalled() {

						var u = navigator.userAgent;
						var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端
						console.log(isiOS)
						if (isiOS) {
							window.location.href = "https://apps.apple.com/cn/app/id6471925413";
						} else {
							// window.location.href = 'https://mn2.fangshangqu.net:19000/yunjinxiaocun-prod/APK/yunjinxiaocun_pro.apk';
							window.location.href = 'https://minio.fangshangqu.net/yunjinxiaocun/app/yunjinxiaocun_pro.apk';
						}
					}
				}
			})
		</script>
		<style type="text/css">
			#app {}

			.down_btn {
				width: 551px;
				height: 78px;
				background-color: #0090ff;
				border-radius: 10px;
				margin-top: 100px;
				display: flex;
				justify-content: center;
				align-items: center;
				color: #ffffff;
				font-size: 28px;
			}
		</style>
	</body>

</html>